<template>
    <div class="layout">
        <Layout>
            <PublicHeader/>
            <Layout>
                <Sider hide-trigger style="background: #d9e1e8">
                    <Fold/>
                </Sider>
                <Content>
                    <CarouselGoods/>
                    <div>
                        <router-view/>
                    </div>
                    <div>
                        <ForYouRecommend/>

                    </div>
                </Content>
            </Layout>
            <Footer>
                <PublicFooter/>
            </Footer>
        </Layout>
    </div>

</template>

<script>
    import Fold from "@/components/Fold";
    import PublicHeader from "@/components/PublicHeader";
    import PublicFooter from "@/components/PublicFooter";
    import ForYouRecommend from "@/app/pages/ForYouRecommend";
    import CarouselGoods from "@/components/CarouselGoods";

    export default {
        name: "Index",
        components: {
            Fold,
            PublicHeader,
            PublicFooter,
            ForYouRecommend,
            CarouselGoods

        },

    }
</script>
